<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>le fun - Registrasi Pengguna</title>		
		<link id="style" rel="stylesheet" type="text/css" href="style.css"></link>
		<script type="text/javascript" src="reg.js"></script>
		<script type="text/javascript" src="lefun.js"></script>
	</head>

<body class="registrasi">
	  
	<!-- header section -->
	<div class="header">
		<div id="logo">
			<a href="index.html"><img src="images/logo.png" alt="logo" width="100" height="30" /></a>
		</div>
		<div id="konten">
			<button type="button" onclick="gotoDaftarKonten()">Daftar Konten</button>
		</div>
		<div id="tombol">
			<button type="button" onclick="gotoHalamanRegistrasi()">Register</button>
		</div>
		<div id="home">
			<button type="button" onclick="gotoHalamanUtama()">Home</button>
		</div>
		<div id="styles">
			<select name="styler" onchange="changeStyle(this.options[this.selectedIndex].value)">
				<option value="style.css">Style 1</option>
				<option value="style2.css">Style 2</option>
			</select>
		</div>		
	</div>
	<div class="head">
		<img src="images/main.png" alt="main" width="300" height="100" />
	</div>
	<!-- form -->	
	<form action="reg.html" method="get">			
		<div class="box">
		<h1>Registrasi Pengguna</h1>
		<label>
			<span id="username_span" class="spaninvalid" >Username</span>
			<input type="text" class="text" name="username" /><br />			
		</label>			
		<label>
			<span id="password_span" class="spaninvalid">Password</span>
			<input type="password" name="password" class="text"/><br />
		</label>					
		<label>
			<span id="confirm_span" class="spanvalid">Confirm Password</span>
			<input type="password" name="confirmpassword" class="text"/><br />
		</label>					
		<label>
			<span id="nama_span" class="spaninvalid">Nama Lengkap</span>
			<input type="text" class="text" name="nama" /><br />
		</label>		
		<label>
			<span id="tanggal_span" class="spaninvalid">Tanggal Lahir</span>
			<input type="text" class="text" name="tanggal" /><br />
		</label>		
		<label>
			<span id="gender_span" class="spaninvalid">Jenis Kelamin</span>
			<select name="gender" class="text" id="gender" onmouseout="checkForms(1)" onmouseover="checkForms(1)">
				<option></option>
				<option>Laki-laki</option>
				<option>Perempuan</option>
			</select>
		</label>
		
		<label>
			<span id="email_span" class="spaninvalid">Email</span>
			<input type="text" class="text" name="email" /><br />
		</label>
		<label>
			<span id="avatar_span" class="spaninvalid">Avatar</span>
			<input name="avatar" class="text" type="file" accept="image/JPG|image/JPEG" onmouseout="checkForms(1)" onmouseover="checkForms(1)"/>
		</label>		
		<label>
			<span  class="spanvalid">About Me</span>
			<textarea  name="about" class="about" rows="5" cols="40"></textarea><br />
			<input type="button" class="daftardisabled" value="Daftar"  disabled="disabled" id="daftar" onclick="onRegisterButtonClick()"/>
		</label>			
		</div>
	</form>
	
	</body>
</html>
    